<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <!-- General meta information -->
        <title>Sportnews.com</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="robots" content="index, follow" />
        <meta charset="utf-8" />
        <!-- // General meta information -->


        <!-- Load Javascript -->
        <script type="text/javascript" src="<?php echo base_url();?>js/jquery.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/jquery.query-2.1.7.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/rainbows.js"></script>
        <script src="<?php echo base_url();?>js/jquery-latest.js"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/jquery.validate.js"></script>
        <!-- // Load Javascipt -->

        <!-- Load stylesheets -->
        <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>loginCss/login_style.css" media="screen" />
        <!-- // Load stylesheets -->

        <script>
            $(document).ready(function(){
                $("#loginForm").validate({
                    rules:{
                        url:{
                            required:true,
                            minlength:10,
                            maxlength:20
                        }
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div id="sub_wrapper">
            <div id="wrappertop"></div>
            <div id="wrappermiddle">
                <h2>Login</h2>
                <div id="username_input">
                    <div id="username_inputleft"></div>
                    <div id="username_inputmiddle">
                     <!--FORM OPEN HERE-->
                     <?php $attr = array('id'=>'loginForm');?>
                     <?php echo form_open('Login/check_database',$attr); ?>
                        <input type="text" name="username" id="url" value="Username" onclick="this.value = ''">
                            <img id="url_user" src="<?php echo base_url();?>images/mailicon.png" alt="">
                    </div>

                    <div id="username_inputright"></div>

                    </div>

                    <div id="password_input">

                         <div id="password_inputleft"></div>
                            <div id="password_inputmiddle">
                                <input type="password" name="password" id="url" value="Password" onclick="this.value = ''">
                                    <img id="url_password" src="<?php echo base_url();?>images/passicon.png" alt="">
                            </div>
                            <div id="password_inputright"></div>
                            <div><?php echo validation_errors();?></div>
                    </div>

                             <div id="submit">
                                <input type="submit" id="submit_button" value="Sign In">
                                
                             </div>
                      <?php echo form_close(); ?>
                      <!--FORM CLOSE HERE-->
                             <div id="links_left">
                                  <a href="#">Forgot your Password?</a>
                             </div>
                             <div id="links_right"><?= anchor('register','Not a member yet ?')?></div>

            </div>

                             <div id="wrapperbottom"></div>
            </div>

        </div>
     </body>
</html>